<?php

$GLOBALS['HIDELAYOUT'] = 1;
?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
    	 //Show the paging and activate its first link
    	   $(".paging").show();
    	   $(".paging a:first").addClass("active");

    	   //Get size of the image, how many images there are, then determin the size of the image reel.
    	   var imageWidth = $(".window").width();
    	   var imageSum = $(".image_reel img").size();
    	   var imageReelWidth = imageWidth * imageSum;

    	   //Adjust the image reel to its new size
    	   $(".image_reel").css({'width' : imageReelWidth});
    	   
    	 //Paging  and Slider Function
    	   rotate = function(){
    	       var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    	       var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    	       $(".paging a").removeClass('active'); //Remove all active class
    	       $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    	       //Slider Animation
    	       $(".image_reel").animate({
    	           left: -image_reelPosition
    	       }, 500 );

    	   }; 

    	   //Rotation  and Timing Event
    	   rotateSwitch = function(){
    	       play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
    	           $active = $('.paging a.active').next(); //Move to the next paging
    	           if ( $active.length === 0) { //If paging reaches the end...
    	               $active = $('.paging a:first'); //go back to first
    	           }
    	           rotate(); //Trigger the paging and slider function
    	       }, 7000); //Timer speed in milliseconds (7 seconds)
    	   };

    	   rotateSwitch(); //Run function on launch
    	 //On Hover
	$(".image_reel a").hover(function() {
	    clearInterval(play); //Stop the rotation
	}, function() {
	    rotateSwitch(); //Resume rotation timer
	});	
	
	//On Click
	$(".paging a").click(function() {
	    $active = $(this); //Activate the clicked paging
	    //Reset Timer
	    clearInterval(play); //Stop the rotation
	    rotate(); //Trigger rotation immediately
	    rotateSwitch(); // Resume rotation timer
	    return false; //Prevent browser jump to link anchor
	});
       });
       
</script>  
<div >

	<div style="float:left; width:650px; margin-right:20px; margin-left:20px;">
	
	
	<?php if(get_option("display_featuredbox") ==1){  require_once(FilterPath()."/wp-content/themes/shopperpress/_featured.php"); }else{   ?>
	
	<div class="main_view">
	    <div class="window">
	        <div class="image_reel">
	            <a href="<?php echo get_option("home_link_1"); ?>" title="<?php echo get_option("home_title_1"); ?>"><img src="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/women-slide-1.jpg" alt="<?php echo get_option("home_title_1"); ?>" /></a>
	            <a href="<?php echo get_option("home_link_1"); ?>" title="<?php echo get_option("home_title_1"); ?>"><img src="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/men-slide-1.jpg" alt="<?php echo get_option("home_title_1"); ?>" /></a>
	            <a href="<?php echo get_option("home_link_1"); ?>" title="<?php echo get_option("home_title_1"); ?>"><img src="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/gift-set-slide-1.jpg" alt="<?php echo get_option("home_title_1"); ?>" /></a>
	            <a href="<?php echo get_option("home_link_1"); ?>" title="<?php echo get_option("home_title_1"); ?>"><img src="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/main.gif" alt="<?php echo get_option("home_title_1"); ?>" /></a>
	        </div>
	    </div>
	    <div class="paging">
	        <a href="#" rel="1">1</a>
	        <a href="#" rel="2">2</a>
	        <a href="#" rel="3">3</a>
	        <a href="#" rel="4">4</a>
	    </div>
	</div>
	<?php } ?>
	
	</div>
	
	
	<div style="float:left; width:260px;">	
	
	<!-- CODING BY OMARCARDS -->
        <table width="261" height="109" background="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/favorites.gif" class="imageBorder" >
        <tr>
            <td><a href="http://localhost/focusmagnet/category/clearance"
                target="_blank" title="Clearance"></a>
            </td>
        </tr>
    </table>
    <br />
    <table width="261" height="109"
        background="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/looking_for.gif" class="imageBorder" >
        <tr>
            <td><a href="http://localhost/focusmagnet/category/clearance"
                target="_blank" title="Clearance"></a></td>
        </tr>
    </table>
    <br />
    <table width="261" height="109"
        background="<?php bloginfo('template_url'); ?>/themes/<?php echo get_option('shopperpress_theme') ?>/images/also_famous.gif" class="imageBorder" >
        <tr>
            <td><a href="http://localhost/focusmagnet/category/clearance"
                target="_blank" title="Clearance"></a></td>
        </tr>
    </table>
    <br />
    <!-- CODING BY OMARCARDS END --> 
	</div>

</div>

<div style="clear:both;"></div>
 

<a href="<?php echo get_option("home_link_5"); ?>" title="<?php echo get_option("home_title_5"); ?>"><img src="<?php bloginfo('template_url'); ?>/themes/<?php echo $GLOBALS['shopperpress']['theme']; ?>/images/showcase_new.gif" style="margin-left:20px; margin-bottom:30px;" alt="<?php echo get_option("home_title_5"); ?>"></a>

 
<!-- DISPLAY ITEMS -->

<div style="clear:both;"></div>

	<?php	
	
	if(get_option("display_home_recent") !="no"){
	echo shopperpress_homepage_hotselling(get_option("display_hotselling_items"));
	}
	?>

<div style="clear:both;"></div>

<div style="z-index: 0;">

<ul class="sf-menu"> 
<li><a href="<?php bloginfo('url'); ?>"><?php echo SPEC($GLOBALS['_LANG']['_home']) ?></a></li>
<?php if($GLOBALS['shopperpress']['pages'] =="yes"){ wp_list_pages("title_li=&exclude=".$GLOBALS['shopperpress']['excluded_pages'] ); }else{ echo ShopperPress_Navigation(); } ?>
</ul>


</div>